<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalabled=no,viewport-fit=cover">
    <!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico"> -->
    <meta name="format-detection" content="telephone=no, email=no">
    <!-- <meta name="keywords" content="xxx"> -->
    <!-- <meta name="description" content="xxx"> -->
    <title>youth-calligraphy-art-shows</title>
    <!-- 移动端适配方案 -->
    <script type="text/javascript">
      (function(doc, win) {
        let docEl = doc.documentElement
        let resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
        function setRemUnit () {
          let vw = docEl.clientWidth
          if (!vw) return
          docEl.style.fontSize = 100 * (vw / 828) + 'px'
          if (vw > 828) {
            docEl.style.fontSize = 50 + 'px'
          }
        }
        setRemUnit()
        if (!doc.addEventListener) return 
        win.addEventListener(resizeEvt, setRemUnit, false)
        doc.addEventListener('DOMContentLoaded', setRemUnit, false)
        // 0.5px hairlines
        if (win.devicePixelRatio && win.devicePixelRatio >= 2) {
          const fakebody = doc.createElement('body')
          const testdiv = doc.createElement('div')
          testdiv.style.border = '0.5px solid transparent'
          fakebody.appendChild(testdiv)
          docEl.appendChild(fakebody)
          if (testdiv.offsetHeight === 1) {
            docEl.classList.add('hairlines')
          }
          docEl.removeChild(fakebody)
        }
      })(document, window)
    </script>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but youth-calligraphy-art-shows doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
